@import 'common';
@import 'mixin';
.jw-wr-header{
    .center;
    background: #FEFEFE;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    .wr-nav{
        //max-width: 1250px;
        height: 50px;
         .center;
        ul{
            li{
                width: @width/3;
                height: 50px;
                //background: red;
                float: left; 
                line-height: 50px; 
                text-align: center;
                color: #8f8f8f;
               
                .subnav{
                    width: 16px;
                    float: left;
                    height: 16px;
                    background: url(../img/icon.png) no-repeat -170px -185px;
                    margin-top: 6px;
                    margin-left: 20px;
                    margin-right: 20px;
                    border: 1px solid #DDD;
                    
                    padding: 10px;
                }  
                .seach{
                    width: 80%;
                    height: 38px;
                    line-height: 38px; 
                    margin-top: 5px;
                   // border: 1px solid gainsboro;
                   border: 1px solid #DDD;
                    float: left;
                    padding: 1px;
                    .whole{
                        float: left;
                        width: 20%;
                        background: url(../img/icon.png) right -317px no-repeat;
                    }
                    .search-box{
                        width: 60%;
                        height: 30px;
                        border: 1px solid #DDD;
                        background-color: #FAFAFA;
                        float: left;
                        margin: 2px auto;
                    }
                    .seach-btn{
                        float: right;
                      width: 20px;
                      height: 20px;
                      margin: 10px auto;
                        background: url(../img/icon.png)  -177px -262px no-repeat;
                    }
                }
                 a{
                     color: #8f8f8f;
                     transition: all .3;
                    &:hover{
                        color: black;
                    }
                }
            }
        }
    }
}
.container{
    .center;
    margin-top: 50px;
    .imgholder{
        position: relative;
        .imgholder-box{
            width: 204px;
            height: 100%;
            position: absolute;
            background: rgba(0,0,0,0.6);
            top: 0;
            left: 0;
            display: none;
            .imgholder-box-look{
                width: 40px;
                height: 40px;
                background: url(../img/demos-links.png);
                margin-top:67%;
                margin-left: 35%;
                padding-right: 2px;
                float: left;
            }
             .imgholder-box-link{
                width: 40px;
                height: 40px;
                margin-top:67%;
                 background: url(../img/demos-links.png) no-repeat  -50px 0px;
                float: left;
            }
        }
      
    }
    .grid{
         .meta{
               line-height: 20px;
        
    }
    strong{
        line-height: 20px;
    }
    p{
       line-height: 20px; 
    }
    }
    .loading{  
            margin: 0 auto;
            position: fixed;
            bottom: 0px;
            left: 50%;
            text-align: center;
            
        }

   
}
.jw-wr-footer{
    .center;
}
